import React, { Component } from 'react'

// vue中插槽
// react 有 children
// 不知道如何继续的时候，可以打印 this.props 或者 props
// children 只有一个时 直接调用
// 如果有多个时，就按照数组的索引值使用
class Title extends Component {
  render () {
    console.log(this.props)
    return (
      <div>
        书名：{ this.props.children[0] } <br/>
        出版时间：{ this.props.children[1] }
      </div>
    )
  }
}
class App extends Component {
  render() {
    return (
      <div>
        <Title>
          <div>HTML5权威指南</div>
          <div>2021-08-31</div>
        </Title>
      </div>
    )
  }
}


export default App
